<template>
  <div>
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/' }">后台管理</el-breadcrumb-item>
      <el-breadcrumb-item>管理员列表</el-breadcrumb-item>
    </el-breadcrumb>
    <el-divider></el-divider>
    <el-table :data="adminArr" border style="width: 100%">
      <el-table-column prop="username" label="用户名" width="150" align="center"></el-table-column>
      <el-table-column prop="nickname" label="昵称" width="100px" header-align="center"></el-table-column>
      <el-table-column prop="avatar" label="头像" align="center"></el-table-column>
      <el-table-column prop="phone" label="电话" width="80" align="center"></el-table-column>
      <el-table-column prop="email" label="邮箱" width="80" align="center"></el-table-column>
      <el-table-column prop="loginCount" label="登录次数" width="80" align="center"></el-table-column>
      <el-table-column label="是否启用" width="80" align="center">
        <template slot-scope="scope">
          <el-switch
              @change=""
              v-model="scope.row.enable"
              :active-value="1"
              :inactive-value="0"
              active-color="#13ce66"
              inactive-color="#AAAAAA">
          </el-switch>
        </template>
      </el-table-column>
      <el-table-column label="操作" width="100px" align="center">
        <template slot-scope="scope">
          <el-button type="primary" icon="el-icon-edit" circle size="mini"
                     @click="">

          </el-button>
          <el-button type="danger" icon="el-icon-delete" circle size="mini"
                     :disabled="scope.row.id==1"
                     @click=""></el-button>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  name: "AdminList",
  data() {
    return {
      adminArr:[{username:'111',nickname:'111',avatar:'111',phone:'1111',email:'1111',enable:1,loginCount:2}]
    }
  },
  methods: {},
  mounted() {
  }
}
</script>

<style scoped>

</style>